/*reset��ʼ*/
html{-webkit-text-size-adjust:none; /*���chrome����������岻��С��12px*/}
body{ color:#1b1b1b; font-family:Verdana, Arial, Helvetica, sans-serif; /*font-family: "Microsoft YaHei",sans-serif;*/}
a{outline:none; text-decoration:none;color: #000}
a:hover{ text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color: #000}
a:visited{
    text-decoration: none;
}
html{zoom:1;}
html *{outline:0;zoom:1;}
html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}
table{border-collapse:collapse;border-spacing:0;}
fieldset,a img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*ȥ��ƻ����Ĭ��UI����Ⱦ��ť*/}
em,i{ font-style:normal;}
/*select{-webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/

/*���ֳ�������*/
.w_break{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
strong,em,i{ font-style:normal; font-weight:normal;}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
.fl,.lft{ float:left;}
.fr,.rgt{ float:right;}
body{-webkit-text-size-adjust:none; /*��ֹƻ���Բ�������Ŵ���bug*/line-height: 1.7;}

/*�ı�<input type="text" placeholder="����������" /> �������ֵ���ɫ*/
/*ellipsis	��ʾʡ�Է����������޼����ı��� clip �������ֱ��޼�*/
::-webkit-input-placeholder {color:#ccc; text-overflow:ellipsis;}/* WebKit browsers */
:-moz-placeholder {color:#ccc; text-overflow:ellipsis;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#ccc; text-overflow:ellipsis;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#ccc; text-overflow:ellipsis;}  /* Internet Explorer 10+ */
/*reset����*/
div,ul,li,a,dt,dd,span,select,input {box-sizing: border-box;}
.text-center {text-align: center;}
html {
    font-size:53.33%
}
@media only screen and (min-width:320px) { /*iphone5*/
    html {
        font-size:53.33%!important /*8.53px*/
    }
}
@media only screen and (min-width:360px) { /*����note*/
    html {
        font-size:60%!important /*9.6px*/
    }
}
@media only screen and (min-width:375px) { /*iphone6*/
    html {
        font-size:62.5%!important /*10px*/
    }
}
@media only screen and (min-width:480px) {
    html {
        font-size:80%!important
    }
}
@media only screen and (min-width:560px) {
    html {
        font-size:93.33%!important
    }
}
@media only screen and (min-width:640px) {
    html {
        font-size:106.67%!important
    }
}
@media only screen and (min-width:750px) {
    html {
        font-size:125%!important
    }
}

body {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #F2F2F2;
}
.title-ul {
    border-bottom: 0.4rem solid #eee;
    clear: both;
    overflow: hidden;
    background-color: #fff;
}
.title-ul li {
    width: 50%;
    float: left;
    font-size: 1.6rem;
    text-align: center;
    line-height: 4.4rem;
    color: #1a1a1a;
    cursor: pointer;
}
.lists2-title-ul li {
    width: 33.33%;
}
.title-ul li.selected {
    color: #C31513;
}
.title-ul li span {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-bottom: 0.2rem solid #fff;
}
.title-ul li.selected span {
    border-bottom: 0.2rem solid #C31513;
}
.tab {
    display: none;
}
.tab:nth-of-type(1) {
    display: block;
}
.content-ul .left {
    width: 40%;
    float: left;
    padding-right: 1.8rem;
}
.content-ul .right {
    float: right;
    width: 60%;
}
.content-ul li {
    padding: 1.8rem 1.4rem;
    border-bottom: 0.1rem solid #DFE3E6;
    background-color: #fafafa;
}
.number {
    font-size: 1.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    min-width: 2.6rem;
    display: inline-block;
    text-align: center;
    color: #666;
    background-color: #F2F2F2;
    border-radius: 2.6rem;
    float: left;
    vertical-align: middle;
    margin-top: 1.1rem;
    padding: 0 0.4rem;

}
.left img {
    float: right;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4.8rem;

}

.name {
    font-size: 1.8rem;
    float: left;
    color: #666;
}
.money {
    font-size: 1.8rem;
    color: #C31513;
    float: right;
}
.time {
    font-size: 1.2rem;
    color: #999;
}
.time span {
    float: left;
}
@media only screen and (min-width:360px) {
    .right {
        margin-top: 0.6rem;
    }
}
@media only screen and (min-width:480px) {
    .right {
        margin-top: 0;
    }
}
.more {
    display: block;
    text-align: center;
    line-height: 4rem;
    color: #999;
    font-size: 1.6rem;
    margin-top: 1rem;
}
/*���̷ֵ꿪ʼ*/
.swiper-wrapper img {
    width: 100%;
}
.business-title {
    line-height: 4rem;
    font-size: 1.4rem;
    padding: 0 2rem;
    background-color: #fff;
    margin-bottom: 0.6rem;
    color: #666;
}
.business-ul li {
    border-left: 0.4rem solid #C31513;
    background-color: #fff;
    margin-bottom: 1rem;
}
.business-ul li a {
    display: block;
    padding: 1rem 2rem 1rem 1rem;
    font-size: 1.6rem;
    color: #666;
}
.business-ul li a .address2 {
    font-size: 1.4rem;
    color: #999;
}
.business-ul li a .num {
    color: #C81512;
    min-width: 2em;
    text-align: center;
    line-height: 4rem;

}
/*���̷ֵ����*/
/*֧��ҳ�濪ʼ*/
.pay-banner-img {
    width: 100%;
}
.pay-address {
    font-size: 1.6rem;
    color: #666;
    text-align: center;
    line-height: 5.4rem;
}
.pay-input-group {
    width: 90%;
    background-color: #fff;
    border-radius: 0.8rem;
    color: #999;
    margin: 0 auto;
    font-size: 2.4rem;
    padding: 1rem 0;
    border: 1px solid #eee;

}
.pay-input-group label {
    width: 40%;
    display: block;
    float: left;
    text-align: right;
    padding-right: 0.4rem;
    box-sizing: border-box;
    height: 3rem;
}
.pay-input-group input {
    border: none;
    width: 60%;
    float: left;
    font-size: 2.4rem;
    background-color: rgba(0,0,0,0);
    color: #333;
    height: 3rem;
}
.pay-btn {
    width: 90%;
    display: block;
    margin: 4rem auto;
    background-color: #C21613;
    font-size: 1.8rem;
    line-height: 5rem;
    text-align: center;
    border-radius: 0.8rem;
    color: #fff;
}
.pay-btn:hover,.pay-btn:visited {
    color: #fff;
}
/*֧��ҳ�����*/
/*ȷ��֧��ҳ�濪ʼ*/
.deter {
    color: #333;
    font-size: 1.5rem;
    padding: 2rem 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.deter > div:nth-of-type(2) {
    font-size: 2.5rem;
}
.deter-address {
    line-height: 5rem;
    font-size: 1.8rem;
    color: #999;
    background-color: #fff;
}
/*ȷ��֧��ҳ�����*/
/*���Ѽ�¼��ʼ*/
.month {
    font-size: 1.6rem;
    color: #333;
    line-height: 3rem;
    padding-left: 2rem;
}
.day-li {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #B3B3B3;
    font-size: 1.2rem;
    padding: 1.8rem 2rem;
}
.week {
    font-size: 1.8rem;
    line-height: 3rem;
}
.pay-money,.get-money {
    font-size: 2.6rem;
    line-height: 3rem;
    color: #333;
}
.get-money {
    color: #C51513;
}
.day-li > div {
    float: left;
}
.day-li > div:nth-of-type(1) {
    width: 10rem;
}
/*���Ѽ�¼����*/
/*�Ƿ��з���ſ�ʼ*/
.have-no-title {
    font-size: 2.1rem;
    color: #333;
    text-align: center;
    padding: 7rem 0 6rem;
}
.have-no li {
    width: 50%;
    float: left;
    text-align: center;
}
.have-no a {
    font-size: 1.6rem;
    color: #666;
    line-height: 2.6rem
}
.have-no img {
    width: 6.4rem;
}
/*�Ƿ��з���Ž���*/
/*�з����-��д��Ϣ��ʼ*/
.message-title {
    line-height: 4.8rem;
    font-size: 1.6rem;
    padding: 0 1.2rem;
}
.message-ul li {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    clear: both;
    overflow: hidden;
    padding: 1rem 1.2rem;
    position: relative;
}
.message-ul li:nth-last-of-type(1) {
    border: none;
}
.message-ul label {
    width: 37%;
    float: left;
    font-size: 1.6rem;
    color: #333;
    padding-right: 1rem;
    height: 2.6rem;
    box-sizing: border-box;
}
.message-ul input {
    width: 63%;
    float: left;
    font-size: 1.6rem;
    height: 2.6rem;
    border: none;
    color: #333;
}
.message-ul li span {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    line-height: 4.6rem;
    font-size: 1.6rem;
    color: #C31513;
    background-color: #fff;
    padding: 0 1rem;
}
.message-ul .upload-img-label {
    display: block;
    width: 13.5rem;
    height: 9rem;
    background: url(../images/add_img.png) no-repeat;
    float: right;
    background-size: cover;
}
.btnn {
    display: block;
    width: 90%;
    line-height: 5rem;
    margin: 2rem auto 3rem;
    text-align: center;
    background-color: #C31513;
    border-radius: 0.4rem;
    color: #fff;
    font-size: 1.8rem;
}
.btnn:hover {
    color: #fff;
}
.btnn2 {
    margin-top: 14rem;
}
/*�з����-��д��Ϣ����*/
/*�������ʼ*/
.buy-service-title {
    background-color: #fff;
    height: 5rem;
    padding: 0 1.4rem;
}
.change-service {
    font-size: 1.8rem;
    color: #1a1a1a;
    line-height: 5rem;
    float: left;
}
.nav-tabbs {
    float: right;
    font-size: 1.6rem;
    position: relative;
}
.tabb {
    padding: 0.4rem 1.4rem 0;
    right: 1rem;
    border-bottom: 0.2rem solid #fff;
    line-height: 4.4rem;
    display: inline-block;
    margin: 0 0.5rem;

}
.tabb:nth-last-of-type(1):after {
    content: '';
    width: 2rem;
    height: 2.2rem;
    background: url(../images/hot_small.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0.1rem;
}
.tabb.selected {
    color: #C31513;
    border-bottom: 0.2rem solid #C31513;
}
.buy-service ul {
    padding: 2rem;
}
.tab-pane .classify {
    background-color: #fff;
    padding: 1rem 1rem 2rem 1rem;
}
.tab-pane-title {
    line-height: 3rem;
    border-left: 0.4rem solid #C31513;
    font-size: 1.8rem;
    color: #333;
    padding-left: 1rem;
    margin-bottom: 1rem;
}
.classify-pl {
    width: 50%;
    text-align: center;
    float: left;
    padding: 0.8rem 0;
    font-size: 2rem;
    color: #333;
}
.classify-pl div:nth-last-of-type(1) {
    font-size: 1.4rem;
    color: #999;
}
.classify-pl:nth-last-of-type(1) {
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}
.instructions {
    background-color: #fafafa;
    padding: 1rem;
    font-size: 1.6rem;
    color: #666;
    line-height: 2.6rem;
}
.tab-pane {
    position: relative;
    display: none;
}
.tab-pane.selected {
    display: block;
}
.tab-pane:nth-last-of-type(1):after {
    content: '';
    width: 5rem;
    height: 5.04rem;
    background: url(../images/hot_big.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -1rem;
    top: -1.6rem;
}
/*����������*/
/*���ֻ��ſ�ʼ*/
.bind-phone-tishi {
    font-size: 1.6rem;
    color: #666;
    line-height: 5.4rem;
    text-align: center;
}
.bind-phone li {
    padding: 1rem;
    font-size: 1.6rem;
    color: #4D4D4D;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.bind-phone li:nth-last-of-type(1) {
    border: none;
}
.bind-phone li label {
    height: 2.6rem;
    width: 8rem;
    display: inline-block;
}
.bind-phone li input {
    font-size: 1.6rem;
    color: #333;
    height: 2.6rem;
    width: 11rem;
    border: none;
}
.yzm-btn {
    background-color: #ccc;
    color: #fff;
    text-align: center;
    min-width: 9rem;
    line-height: 2.8rem;
    font-size: 1.6rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    border-radius: 0.4rem;
}
.yzm-btn:hover {
    color: #fff;
}
.bind-btn {
    margin-top: 5rem;
}
/*���ֻ��Ž���*/
/*���ֿ�ʼ*/
.withdraw img {
    width: 100%;
}
.withdraw-big {
    padding: 1.2rem;
}
.withdraw-box1 {
    background: url(../images/withdraw_bg.png) no-repeat;
    background-size: 100% 100%;
    font-size: 1.4rem;
    padding: 0 2rem;
}
.withdraw-box1 > div {
    height: 50%;
    line-height: 1;
    vertical-align: middle;
    color: #999;
    position: relative;
}
.withdraw-money {
    font-size: 1.6rem;
    color: #333;
}
.withdraw-box1 a {
    display: inline-block;
    font-size: 1.4rem;
    background-color: #fafafa;
    border: 0.1rem solid #ccc;
    color: #333;
    width: 10rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5rem;
}
.withdraw-instructions {
    font-size: 1.5rem;
    color: #999;
    width: 90%;
    margin: 0 auto;
}
.withdraw .btnn {
    border: 0.1rem solid #C31513;
    background-color: #fff;
    color: #C31513;
    margin-top: 5rem;
}
.withdraw .btnn:hover {
    color: #C31513;

}
/*���ֽ���*/
/*���ּ�¼��ʼ*/
.withdraw-record-top {
    background-color: #fff;
    text-align: center;
    padding: 3rem 0;
}
.withdraw-record-top div:nth-of-type(1) {
    font-size: 3rem;
    color: #C31513;
}
.withdraw-record-top div:nth-of-type(2) {
    color: #999;
    font-size: 1.4rem;
}
.withdraw-record-ul li {
    background-color: #FAFAFA;
    border-bottom: 0.1rem solid #ccc;
    font-size: 1.6rem;
    padding: 1rem;
}
.withdraw-record-ul li:nth-last-of-type(1) {
    border: none;
}
.withdraw-record-ul li div {
    overflow: hidden;
    clear: both;
    color: #333;
}
.withdraw-record-ul li div span {
    float: left;
}
.withdraw-record-ul li div span:nth-of-type(2) {
    float: right;
}
.withdraw-record-ul li div:nth-of-type(2) {
    color: #999;
}
.withdraw-record-ul li div:nth-of-type(1) span:nth-of-type(2) {
    color: #C31513;
}
/*���ּ�¼����*/
/*��ʷ�˵���ʼ*/
.historical-bill-top {
    background-color: #fafafa;
    padding: 1.2rem 0 1rem;
    text-align: center;
    font-size: 1.4rem;
    color: #999;
}
.historical-bill-top > div {
    width: 50%;
    float: left;
}
.historical-bill-top > div:nth-last-of-type(1) {
    border-left: 1px solid #ccc;
}
.historical-bill-top select,.historical-bill-top .month-money {
    font-size: 2rem;
    color: #333;
}
.historical-bill-top select {
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 2rem;
    background: transparent url(../images/jiantou.png) no-repeat right center;
    background-size: 1.4rem;
}
.historical-bill-ul {
    background-color: #fff;
}
.historical-bill-ul li {
    padding: 1.6rem 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: relative;
}
.historical-bill-ul li:nth-last-of-type(1) {
    border-bottom: none;
}
.historical-bill-ul .fl {
    font-size: 0;
}
.historical-bill-ul li img {
    width: 4.7rem;
}
.historical-bill-ul .fr {
    width: 76%;
    font-size: 1.2rem;
    color: #999;
    margin-top: 0.4rem;
}
@media only screen and (min-width: 480px) {
    .historical-bill-ul .fr  {
        margin-top: 0;
    }
}
.historical-bill-ul .fr div:nth-of-type(1) {
    font-size: 1.7rem;
    color: #666;
}
.historical-bill-ul .fr div:nth-of-type(1) span:nth-of-type(2) {
    color: #C31513;
}
.historical-bill-ul .fr div span {
    float: left;
}
.historical-bill-ul .fr div span:nth-of-type(2) {
    float: right;
}
.historical-bill-ul li.fail:before {
    content: '';
    display: block;
    width: 4.6rem;
    height: 4.6rem;
    background: url(../images/fail.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}
/*��ʷ�˵�����*/